#liveRoom {
    position: relative;
    .live_room {
        width: 100%;
        position: relative;
        height: 5.5rem;
        //      transform: scale(1,1);
        video {
            //          transform: scale(1,1);
//          height: 5.5rem !important;
        }
        .live_room_img_2 {
            width: 100%;
            height: 5.5rem;
        }
        .out_msg {
            width: 100%;
            height: 100%;
            z-index: 105;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            background: rgba(0, 0, 0, .7);
            color: white;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .4rem;
            line-height: .56rem;
            font-weight: 700;
        }
        .live_room_c {
            width: 100%;
            height: 100%;
            position: relative;
            .live_room_img_1 {
                width: 1.3rem;
                height: 1.3rem;
                position: absolute;
                z-index: 99;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }
            .mengban {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                background: rgba(0, 0, 0, .4);
                z-index: 98;
            }
            .mengbanimg {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                z-index: 97;
            }
        }
    }
    .nav {
        display: flex;
        padding: .32rem .32rem;
        justify-content: space-between;
        font-size: .32rem;
        color: #999999;
        border-bottom: 1px solid #F0F0F0;
        line-height: .32rem;
        li {
            font-weight: 500;
            height: .48rem;
            position: relative;
            display: flex;
            flex-direction: column;
            span {
                flex: 1;
                display: flex;
                align-items: center;
            }
        }
        .nav_active {
            color: #35BF7E;
            font-weight: 700;
            i {
                display: block;
                width: .64rem;
                height: .06rem;
                background: #35BF7E;
                border-radius: 1rem;
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                bottom: -.12rem;
            }
        }
    }
    .list_1 {
        .list_1_top {
            padding: .64rem .32rem .32rem .32rem;
            border-bottom: .2rem solid #FAFAFA;
            .list_1_title {
                margin-bottom: .27rem;
            }
            .list_1_top_bottom {
                display: flex;
                .teacher_img {
                    width: .9rem;
                    height: .9rem;
                    border-radius: 50%;
                    margin-right: .16rem;
                }
                .teacher {
                    overflow: hidden;
                    flex: 1;
                    .teacher_name {
                        color: #333333;
                        margin-bottom: .08rem;
                    }
                    .teacher_detail {
                        color: #999999;
                        font-size: .28rem;
                        line-height: .4rem;
                    }
                }
            }
        }
        .list_html {
            padding: .32rem;
            .title {
                margin-bottom: .32rem;
            }
            .no_detail {
                padding: .68rem 0 .68rem 0;
                text-align: center;
                color: #999999;
                font-size: .28rem;
                line-height: .4rem;
            }
        }
    }
    .list_2_f {
        width: 100%;
        height: 100%;
        overflow: auto;
        
        z-index: 9;
        .msg_num_f {
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            position: fixed;
            bottom: 1rem;
            left: 0;
            right: 0;
            z-index: 102;
            margin: auto;
            .msg_num {
                display: flex;
                align-items: center;
                background: #35BF7E;
                color: white;
                font-size: .26rem;
                line-height: inherit;
                height: .6rem;
                padding: .11rem .19rem;
                border-radius: .3rem;
            }
        }
    }
    .list_2 {
        min-height: 100%;
        position: relative;
        background: #FAFAFA;
        padding: .32rem;
        .list_2_list {
            position: relative;
            z-index: 9;
            margin-bottom: .32rem;
            font-size: .32rem;
            line-height: .44rem;
            color: #333333;
            .span {
                color: #999999;
            }
            .list_2_vip {
                .span {
                    padding-left: .98rem;
                }
                .list_2_vip_img {
                    width: .9rem;
                    height: .4rem;
                    position: absolute;
                    z-index: 10;
                    top: 0;
                    left: 0;
                }
            }
            .liwu_f {
                display: flex;
                .liwu {
                    display: flex;
                    align-items: center;
                    //                  width: 5.1rem;
                    height: .72rem;
                    padding: 0 .16rem 0 .2rem;
                    background: rgba(0, 0, 0, .4);
                    border-radius: .36rem;
                    overflow: hidden;
                    font-size: .32rem;
                    color: white;
                    .liwu_name {
                        width: 1.9rem;
                    }
                    .liwu_label {
                        color: #FDBD5D;
                        margin-right: .2rem;
                    }
                    img {
                        width: .9rem;
                        height: .9rem;
                    }
                }
            }
            .list_2_zj{
                display: flex;
                overflow: hidden;
                .list_2_zj_f{
                    max-width: 5.4rem;
                    padding: .09rem .32rem;
                    font-size: .3rem;
                    line-height: .42rem;
                    display: flex;
                    align-items: center;
                    background:rgba(255,169,0,1);
                    border-radius:.3rem;
                    color: white;
                    .list_2_zj_name{
                        flex: 1;
                    }
                }
                    
            }
        }
    }
    .list_3 {
        min-height: 100%;
        position: relative;
        background: #FAFAFA;
        border-bottom: .3rem solid #FAFAFA;
        .list_3_list {
            background: white;
            border-bottom: 1px solid #F0F0F0;
            display: flex;
            align-items: center;
            padding: .28rem .32rem;
            img {
                border-radius: 50%;
                width: .72rem;
                height: .72rem;
                margin-right: .16rem;
            }
            .list_3_list_name {
                flex: 1;
                color: #333333;
                font-size: .32rem;
                line-height: .45rem;
            }
        }
    }
    .list_2_input {
        border-top: 1px solid #f0f0f0;
        margin-top: 1px ;
        padding: .14rem .32rem;
        display: flex;
        .list_2_input_left{
            flex: 1;
        }
        input {
            width: 100%;
            height: .7rem;
            font-size: .28rem;
            flex: 1;
            border-radius: .35rem;
            border: none;
            background: #FAFAFA;
            padding: .15rem .2rem;
        }
        .send_btn {
            width: .96rem;
            position: relative;
            .send_btn_c {
                text-align: center;
                line-height: initial;
                margin: auto;
                height: .5rem;
                width: .8rem;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                z-index: 99;
            }
            display: flex;
            align-items: center;
            justify-content: center;
            color: #35BF7E;
            font-weight: 500;
        }
        .liwu_img_f{
            display: flex;
        }
        .liwu_img {
            width: .7rem;
            height: .7rem;
            margin-left: .26rem;
        }
    }
    .pop {
        .yd-popup {
            border-top: 1px solid #F0F0F0;
        }
        .gift_content {
            .gift_list_f {
                padding: .2rem 0;
                display: flex;
                flex-wrap: wrap;
                .gift_list {
                    border: 1px solid transparent;
                    width: 25%;
                    font-size: .28rem;
                    line-height: .4rem;
                    color: #999999;
                    text-align: center;
                    img {
                        margin: auto;
                        width: 1rem;
                        height: 1rem;
                    }
                    .gift_list_name {
                        margin-top: 0rem;
                    }
                }
                .gift_active {
                    color: #35BF7E;
                    border: 1px solid #35BF7E;
                }
            }
        }
        .gift_btn {
            padding: .26rem .32rem;
            border-top: 1px solid #F0F0F0;
            display: flex;
            .gift_btn_left {
                flex: 1;
                display: flex;
                align-items: center;
                color: #35BF7E;
                font-size: .32rem;
                span {
                    line-height: inherit;
                }
                .i {
                    margin: .04rem 0 0 .06rem;
                    width: .2rem;
                    height: .2rem;
                    content: '';
                    transform: rotate(45deg);
                    border-top: 1px solid #35BF7E;
                    border-right: 1px solid #35BF7E;
                    border-bottom: 1px solid transparent;
                    border-left: 1px solid transparent;
                }
                .jiantou {
                    width: .3rem;
                    height: .3rem;
                }
            }
            .gift_btn_right {
                color: white;
                height: .7rem;
                width: 2.2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: .32rem;
                line-height: .45rem;
                background: #35BF7E;
                border-radius: .35rem;
            }
        }
        .money_content {
            .money_content_title {
                color: #35BF7E;
                font-size: .36rem;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 1.12rem;
                border-bottom: 1px solid #F0F0F0;
            }
            .money_content_list {
                display: flex;
                flex-wrap: wrap;
                padding: .52rem .32rem 0rem .32rem;
                li {
                    margin: 0 .42rem .52rem 0;
                    width: 2rem;
                    height: .84rem;
                    border-radius: .06rem;
                    border: 1px solid rgba(238, 238, 238, 1);
                    color: #333333;
                    font-size: .32rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    &:nth-child(3n) {
                        margin-right: 0;
                    }
                }
                .list_active {
                    color: #35BF7E;
                    border: 1px solid #35BF7E;
                }
            }
        }
        .money_btn {
            .money_btn_btn {
                width: 100%;
                height: .98rem;
                background: #35BF7E;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: .36rem;
                color: white;
            }
        }
    }
    .pop_nike_name {
        width: 5.4rem;
        border-radius: .24rem;
        background: white;
        .title {
            font-weight: 700;
            padding: .3rem 0 .4rem 0;
            text-align: center;
        }
        .pop_nike_name_input {
            width: 4.74rem;
            border-radius: .04rem;
            border: 1px solid rgba(230, 230, 230, 1);
            margin: 0 auto .34rem;
            input {
                width: 100%;
                border: none;
                height: .6rem;
                font-size: .26rem;
                line-height: .37rem;
                padding: 0 .16rem;
            }
        }
        ul {
            border-top: 1px solid #E6E6E6;
            display: flex;
            font-weight: 500;
            li {
                color: #999999;
                padding: .2rem 0 .16rem 0;
                width: 50%;
                text-align: center;
                border-right: 1px solid #E6E6E6;
                &:last-child {
                    border-right: none;
                    color: #35BF7E;
                }
            }
        }
    }
    
    .qd_pop_f {
       .yd-popup-bottom{
           border-top-left-radius: .2rem;
            border-top-right-radius: .2rem;
       }
        .qd_pop {
            height: 10rem;
            
            .qd_pop_top {
                width: 100%;
                border-radius: .4rem;
                padding: .48rem 0 .32rem 0;
                position: relative;
                z-index: 9980;
                .qd_pop_title {
                    font-weight: 700;
                    text-align: center;
                    font-size: .34rem;
                    line-height: .42rem;
                    color: #333333;
                    margin-bottom: .08rem;
                }
                .qd_pop_label {
                    font-size: .24rem;
                    line-height: .3rem;
                    color: #999999;
                    text-align: center;
                }
                .qd_pop_icon {
                    width: .4rem;
                    height: .4rem;
                    top: .49rem;
                    right: .41rem;
                    position: absolute;
                    z-index: 9990;
                }
            }
            .qd_list_f {
                .qd_list {
                    border-bottom: 1px solid #F0F0F0;
                    padding: .32rem;
                    display: flex;
                    align-items: center;
                    .qd_list_img {
                        width: .64rem;
                        height: .64rem;
                        border-radius: 50%;
                    }
                    .qd_list_right {
                        flex: 1;
                        overflow: hidden;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .qd_list_name {
                            flex: 1;
                            margin: 0 .16rem 0 .16rem;
                            font-size: .3rem;
                            line-height: .42rem;
                            color: #333333;
                        }
                        .qd_list_label {
                            font-size: .28rem;
                            line-height: .4rem;
                            color: #999999;
                            width: 2.2rem;
                            text-align: right;
                        }
                        .qd_list_btn {
                            width: 1.6rem;
                            margin-left: .6rem;
                            height: .48rem;
                            color: white;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #35BF7E;
                            border-radius: .24rem;
                            font-size: .26rem;
                        }
                    }
                }
                .sign_no {
                    text-align: center;
                    color: #999999;
                    font-size: .32rem;
                    margin: 1rem;
                    text-align: center;
                }
                .yd-list-donetip{
                    background: white;
                }
            }
        }
    }
    
    //背景透明化
    .yd-mask {
        background: transparent !important;
    }
    .password {
        .yd-mask {
            background: rgb(0, 0, 0) !important;
        }
    }
}